<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Aries主页面</title>
<#include "plugin.ftl">
<#--<link rel="stylesheet" type="text/css" href="/themes/jsoneditor.min.css"/>-->
    <link href="https://cdn.bootcss.com/jsoneditor/7.0.4/jsoneditor.min.css" rel="stylesheet">

    <script type="text/javascript" src="/scripts/libs/json/jsoneditor.min.js"></script>

<#--<script src="https://cdn.bootcss.com/jsoneditor/7.0.4/jsoneditor.min.js"></script>-->
</head>
<body>
<#include "components/mixin-fixHeight.ftl"/>
<#include "components/cc-var.ftl" />
<#include "components/cc-key-value.ftl" />
<#include "components/cc-keyval-convert-json-el.ftl" />
<#include "components/cc-json-convert-keyval-el.ftl" />
<#include "components/cc-json-convert-url-param-el.ftl" />
<#include "components/cc-keyval-convert-url-param-el.ftl" />
<#include "components/cc-url-param-convert-json-el.ftl" />
<#include "components/cc-json-edit-el.ftl"/>
<#include "codeGen/code-gen-main.ftl">
<#include "jmeter/jmeter-main.ftl">
<#include "tool/tool-main.ftl">
<div id="app">
    <div>
        <el-container>
            <el-header>
                <!-- 顶部导航栏 -->
                <el-menu
                        :default-active="2"
                        class="el-menu-demo"
                        mode="horizontal"
                        background-color="#545c64"
                        text-color="#fff"
                        active-text-color="#ffd04b">
                    <el-menu-item index="2" :key="2" @click="handleModeChange('code-gen')">代码生成</el-menu-item>
                    <el-menu-item index="3" :key="3" @click="handleModeChange('jmeter')">JMX测试用例管理</el-menu-item>
                    <el-menu-item index="4" :key="4" @click="handleModeChange('tool')">常用小工具</el-menu-item>
                </el-menu>
            </el-header>
            <el-main class="index-main">
                <code-gen-main v-if="mode === 'code-gen'"></code-gen-main>
                <jmeter-main v-if="mode === 'jmeter'"></jmeter-main>
                <tool-main v-if="mode === 'tool'"></tool-main>
            </el-main>
        </el-container>
    </div>
</div>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                mode: 'code-gen'
            }
        },
        computed: {},
        methods: {
            handleModeChange(mode) {
                this.mode = mode
            }
        },
        created() {
        }
    });
</script>
</body>
</html>